<!DOCTYPE html >
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>详细错误</title>
    <!-- jquery and openx -->
    <script type="text/javascript" src="https://openx.talkyun.com/js/jquery.js"></script>
    <script type="text/javascript" src="https://openx.talkyun.com/js/openx-2.1.0.js"></script>

    <style type="text/css">
        <!--
        body {
            margin: 0;
            font-size: .7em;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            background: #CBE1EF;
        }

        code {
            margin: 0;
            color: #006600;
            font-size: 1.1em;
            font-weight: bold;
        }

        .config_source code {
            font-size: .8em;
            color: #000000;
        }

        pre {
            margin: 0;
            font-size: 1.4em;
            word-wrap: break-word;
        }

        ul, ol {
            margin: 10px 0 10px 40px;
        }

        ul.first, ol.first {
            margin-top: 5px;
        }

        fieldset {
            padding: 0 15px 10px 15px;
        }

        .summary-container fieldset {
            padding-bottom: 5px;
            margin-top: 4px;
        }

        legend.no-expand-all {
            padding: 2px 15px 4px 10px;
            margin: 0 0 0 -12px;
        }

        legend {
            color: #333333;
            padding: 4px 15px 4px 10px;
            margin: 4px 0 8px -12px;
            _margin-top: 0px;
            border-top: 1px solid #EDEDED;
            border-left: 1px solid #EDEDED;
            border-right: 1px solid #969696;
            border-bottom: 1px solid #969696;
            background: #E7ECF0;
            font-weight: bold;
            font-size: 1em;
        }

        a:link, a:visited {
            color: #007EFF;
            font-weight: bold;
        }

        a:hover {
            text-decoration: none;
        }

        h1 {
            font-size: 1.8em;
            margin: 0;
            color: #FFF;
        }

        h2 {
            font-size: 1.7em;
            margin: 0;
            color: #CC0000;
        }

        h3 {
            font-size: 1.4em;
            margin: 10px 0 0 0;
            color: #CC0000;
        }

        h4 {
            font-size: 1.2em;
            margin: 10px 0 5px 0;
        }

        #header {
            width: 96%;
            margin: 0 0 0 0;
            padding: 6px 2% 6px 2%;
            font-family: "trebuchet MS", Verdana, sans-serif;
            color: #FFF;
            background-color: #5C87B2;
        }

        #content {
            margin: 0 0 0 2%;
            position: relative;
        }

        .summary-container, .content-container {
            background: #FFF;
            width: 96%;
            margin-top: 8px;
            padding: 10px;
            position: relative;
        }

        .config_source {
            background: #fff5c4;
        }

        .content-container p {
            margin: 0 0 10px 0;
        }

        #details-left {
            width: 35%;
            float: left;
            margin-right: 2%;
        }

        #details-right {
            width: 63%;
            float: left;
            overflow: hidden;
        }

        #server_version {
            width: 96%;
            _height: 1px;
            min-height: 1px;
            margin: 0 0 5px 0;
            padding: 11px 2% 8px 2%;
            color: #FFFFFF;
            background-color: #5A7FA5;
            border-bottom: 1px solid #C1CFDD;
            border-top: 1px solid #4A6C8E;
            font-weight: normal;
            font-size: 1em;
            text-align: right;
        }

        #server_version p {
            margin: 5px 0;
        }

        table {
            margin: 4px 0 4px 0;
            width: 100%;
            border: none;
        }

        td, th {
            vertical-align: top;
            padding: 3px 0;
            text-align: left;
            font-weight: bold;
            border: none;
        }

        th {
            width: 30%;
            text-align: right;
            padding-right: 2%;
            font-weight: normal;
        }

        thead th {
            background-color: #ebebeb;
            width: 25%;
        }

        #details-right th {
            width: 20%;
        }

        table tr.alt td, table tr.alt th {
            background-color: #ebebeb;
        }

        .highlight-code {
            color: #CC0000;
            font-weight: bold;
            font-style: italic;
        }

        .clear {
            clear: both;
        }

        .preferred {
            padding: 0 5px 2px 5px;
            font-weight: normal;
            background: #006633;
            color: #FFF;
            font-size: .8em;
        }

        -->
        object, embed {
            -webkit-animation-duration: .001s;
            -webkit-animation-name: playerInserted;
            -ms-animation-duration: .001s;
            -ms-animation-name: playerInserted;
            -o-animation-duration: .001s;
            -o-animation-name: playerInserted;
            animation-duration: .001s;
            animation-name: playerInserted;
        }

        @-webkit-keyframes playerInserted {
            from {
                opacity: 0.99;
            }
            to {
                opacity: 1;
            }
        }

        @-ms-keyframes playerInserted {
            from {
                opacity: 0.99;
            }
            to {
                opacity: 1;
            }
        }

        @-o-keyframes playerInserted {
            from {
                opacity: 0.99;
            }
            to {
                opacity: 1;
            }
        }

        @keyframes playerInserted {
            from {
                opacity: 0.99;
            }
            to {
                opacity: 1;
            }
        }
    </style>
</head>

<body>
<div id="header"><h1>服务器错误</h1></div>
<div id="server_version">
    <p><span id="envIdInfo">.</span></p>
</div>

<div id="content">
    <!-- outline -->
    <div class="content-container">
        <fieldset>
            <legend>错误摘要</legend>
            <h3>HTTP 状态码 <span id="statusCode">.</span> ：<span id="errorMessage">!</span></h3>
        </fieldset>
    </div>

    <!-- detail -->
    <div class="content-container">
        <fieldset>
            <legend>详细信息</legend>
            <ul>
                <pre id="errorStackTrace"></pre>
            </ul>
        </fieldset>
    </div>

    <!-- head like -->
    <div class="content-container">
        <fieldset>
            <legend>请求信息</legend>
            <div id="details-left">
                <table border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                    <tr class="alt">
                        <th>Host</th>
                        <td><span id="host">.</span></td>
                    </tr>
                    <tr>
                        <th>Client</th>
                        <td><span id="client">.</span></td>
                    </tr>
                    <tr class="alt">
                        <th>会话</th>
                        <td><span id="sessionId">.</span></td>
                    </tr>
                    <tr>
                        <th>错误标示</th>
                        <td><span id="errorMd5">.</span></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div id="details-right">
                <table border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                    <tr>
                        <th>Method</th>
                        <td><span id="method">.</span></td>
                    </tr>
                    <tr class="alt">
                        <th>URI</th>
                        <td><span id="uri">.</span></td>
                    </tr>
                    <tr class="alt">
                        <th>QueryString</th>
                        <td><span id="queryString">.</span></td>
                    </tr>
                    <tr>
                        <th>Cookie</th>
                        <td><span id="cookie">.</span>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <div class="clear"></div>
            </div>
        </fieldset>
    </div>

    <!-- body -->
    <div class="content-container">
        <fieldset>
            <legend>请求数据</legend>
            <textarea id="body" title="XD" style="border:none; width: 100%;height: 60px"></textarea>
        </fieldset>
    </div>
</div>

<script language="javascript" charset="utf-8">
    var data = ${data};

    // outline
    document.title = '系统错误 ' + data.statusCode;
    $('#envIdInfo').text(data.envIdInfo);
    $('#statusCode').text(data.statusCode);
    $('#errorMessage').text(data.errorMessage);
    $('#errorStackTrace').text(data.errorStackTrace);

    // set request
    var req = data.request;
    $('#host').text(req.host);
    $('#method').text(req.method);
    $('#client').text(req.client);
    $('#uri').text(req.uri);
    $('#sessionId').text(req.sessionId);
    $('#queryString').text(req.queryString);
    $('#cookie').text(req.cookie);

    // set body
    $('#body').text(req.body);
</script>

</body>
</html>